<template>
  <div>
    <h2>hello</h2>

    <img :src="qrcodeUrl" alt="qrcode">
  </div>
</template>

<script>
import QRCode from 'qrcodejs2'
export default {
  name: 'HotelSystemAdminCc',
  props: {
    qrcodeUrl: {
      type: String,
      required: true
    },
    width: {
      type: Number,
      default: 256
    },
    height: {
      type: Number,
      default: 256
    }
  },
  data () {
    return {

    }
  },

  mounted () {
    const qrcode = new QRCode(this.$el, {
      text: this.qrcodeUrl,
      width: this.width,
      height: this.height
    })
  },

  methods: {

  }
}
</script>

<style lang="less" scoped>

</style>
